import { Vue, Component, Prop } from 'vue-property-decorator';
import { VNode } from 'vue';
import { PanelController } from '../../panel-controller';
import './panel-design-container.less';

@Component
export class PanelDesignContainer extends Vue {
  @Prop()
  panel!: PanelController;

  render(): VNode {
    return (
      <div class='panel-design-container'>
        <material-area panel={this.panel}></material-area>
        <design-area panel={this.panel}></design-area>
        <attribute-area panel={this.panel}></attribute-area>
      </div>
    );
  }
}
